<template>
  <div class="about">
    <div style="padding:20px 30px;box-sizing: border-box;padding-bottom: 0;">
      <image-text id="107"></image-text>
    </div>
  </div>
</template>
<script>
import imageText from "../components/imageText";
import footerPart from "../views/footer";

export default {
  data() {
    return {
      activeName: "third"
    };
  },
  components: {
    imageText,
    footerPart
  },
  methods: {
    handleClick(tab) {
      console.log(tab.index);
      switch (tab.index) {
        case "0":
          this.$router.push("/About");
          break;
        case "1":
          this.$router.push("/contant");
          break;
        case "2":
          this.$router.push("/Join");
          break;
        case "3":
          this.$router.push("/feedback");
          break;
      }
    }
  }
};
</script>
<style>
.el-tabs__nav-wrap::after {
  width: 0;
}
.el-tabs__nav-scroll {
  display: flex;
  justify-content: center;
}
</style>